<template>
    <el-row>
        <el-card class="box-card" style="height:382px;">
            <div slot="header" class="clearfix" style="padding: 0px !important;padding-left:10px">
                <el-tabs style="" v-model="activeName" >
                    <el-tab-pane label="项目风险" name="first">
                        <el-row style="padding:0px">
                            <el-table class="tl-table" ref="mainTable" height=275 :resizable-refs="['search', 'toolbar', 'selector', 'pager']" :data="datas" row-key="id" border fit>
                                <el-table-column type="selection" min-width="25%"></el-table-column>
                                <el-table-column prop="riskName" label="风险名称" min-width="25%" sortable="project" sort-by="project" align="center"></el-table-column>
                                <el-table-column prop="riskProject" label="所属项目" min-width="25%" sortable="custom" sort-by="docdate" align="center"></el-table-column>
                                <el-table-column prop="riskType" label="风险类型" min-width="25%" sortable="custom" sort-by="usercode" align="center"></el-table-column>
                                <el-table-column prop="riskStatus" label="风险状态" min-width="25%" sortable="custom" sort-by="username" align="center"></el-table-column>
                            </el-table>
                        </el-row>
                        <el-row type="flex" justify="center">
                            <el-pagination current-page.sync="3" :page-size="100" layout="prev, jumper, next" :total="1000">
                            </el-pagination>
                        </el-row>
                    </el-tab-pane>
                    <el-tab-pane label="项目问题" name="second"></el-tab-pane>
                </el-tabs>
            </div>
        </el-card>
    </el-row>
</template>

<script>
// 异常情况概览
export default {
    name: "projectRiskAndProblem",
    // mixins: [mixin_list],
    data() {
        return {
            selections: [{
                value: 'project',
                label: '项目'
            },
            {
                value: 'milepost',
                label: '里程碑及任务'
            }],
            projectOrMilepost: '',
            datas: [
                { riskName: '技术框架', riskProject: '柜图自动生成', riskType: '技术', riskStatus: '已化解' },
                { riskName: '模板存储', riskProject: '柜图自动生成', riskType: '业务', riskStatus: '已化解' },
                { riskName: '脚本执行', riskProject: '柜图自动生成', riskType: '技术', riskStatus: '已化解' }
            ],
            dateValue: new Date(),
            mySelection: '',
            activeName: 'first'

        }
    },
    methods: {},
    created() { }
}
</script>

<style scoped>
.box-card >>> div.el-card__header {
    padding: 0px !important;
}
</style>
